.tr-link {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: start;

  .label-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    line-height: 32px;
    text-align: right;
    justify-content: flex-end;
  }

  .tr-label-prefix-wraper {
    width: auto;
  }
  .tr-label-prefix-wraper-left {
    width: auto;
  }
  .tr-label-prefix {
    justify-content: flex-end;
    text-wrap: nowrap;
    gap: 4px;
    min-width: 88px;
    margin-right: 8px;
  }

  .link-text {
    width: 100%;
    padding: 5px 0;
  }

  .text-decoration-default {
    display: inline-block;
    text-decoration: none;
    color: var(--t-color);
    line-height: 22px;

    &:hover {
      cursor: pointer;
      color: rgba(var(--t-color-rgb), var(--t-color-opacity, /*批量处理透明度,将80%替换为--t-color-opacity*/0.8));
    }

    &:focus-visible {
      outline: none;
      font-weight: bold;
    }
  }

  .text-decoration-underline {
    text-decoration: underline;
  }
  .text-decoration-top {
    margin-left: 0px !important;
  }
  .text-decoration-underline-hover {
    text-decoration: none;

    &:hover {
      text-decoration: underline;
    }
  }

  &.z-vertical {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    .tr-label-prefix {
      justify-content: flex-start;
      gap: 0;
    }

    .tr-label-prefix-wraper {
      padding-bottom: 0;
    }

    .label-title {
      line-height: 1.5;
    }
  }

  &.z-mobile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100% !important;

    .tr-label-prefix {
      justify-content: flex-start;
    }

    .tr-label-prefix-wraper {
      padding-bottom: 0;
    }

    .link-text {
      padding: 10px 0;
      line-height: 28px;
    }

    // 系统样式，表单组件标准样式
    &.tr-link-form {
      .link-text {
        line-height: 27px;
        border-bottom: 1px solid #d9d9d9;
      }
    }
  }
}
